<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>质量指标</title>
<script>
        var requireExtraPaths = {
            extrance: '../../../report_js/dataQualityIndex/dataQualityIndex'

        };
    </script>

	<jsp:include flush="true" page="../../base/base.jsp"></jsp:include>
</head>
<body >
<div class="index2-wrap clearfix" id="layoutLeft">
	<!-- 左侧导航 -->
	<div class="layout-left">
		<div class="nav">
			<ul>
				<li class="active item6"><span></span><a id="qualityIndex">质量指标</a></li>
				<li class="item7"><span></span><a id="qualityAnlsSummary">质量分析汇总</a></li>
				<li class="item8"><span></span><a id="qualityAnlsDetail">质量分析明细</a></li>
				<li class="item9"><span></span><a id="carQuestionAnls">车辆问题分析</a></li>
			</ul>
		</div>
		<div class="line-select-area line-select-default line-select-area2">
			<div class="line-select-btn">
				<p id="orgSelect">车辆选择</p>
				<span></span>
			</div>
		</div>
		<div class="line-display-area">
                <div class="line-display-inner" id="showSelectLines">
                    <!-- <a>18路</a><a> ,19路</a><a> ,123路</a><a> ,17路</a><a> ,21路</a><a> ,18路</a><a> ,21路</a><a> ,18路</a> -->
                </div>
                <div class="all-show">
                    <!-- <a>18路</a><a>18路</a><a>18路</a><a>18路</a><a>18路</a><a>18路</a><a>18路</a><a>18路</a><a>18路</a> -->
                </div>
        </div>
		<div class="time-select-area">
			<div class="time-select-btn">
                <span></span>
				<input type="text"   id="reportDate" name="reportDate" type="text" data-validator="{required:true}" readonly="readonly" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',onpicked:showPage})">
			</div>
		</div>
		<!--<div class="advanced-query">
			<a>高级查询</a>
		</div>-->
        <div class="filter-wrap clearfix">
            <div>
                <span>环比：</span>
                <select id="dayOnDay">
                    <option value="">全部</option>
                    <option value="up">上升</option>
                    <option value="down">下降</option>
                </select>
            </div>
            <div class="mt10">
                <span>同比：</span>
                <select id="dayOnWeak">
                    <option value="">全部</option>
                    <option value="up">上升</option>
                    <option value="down">下降</option>
                </select>
            </div>
        </div>
		<div class="print-area">
			<a id="exportPDF" style="display:none" class="print-btn print-btn2">导出PDF</a>
		</div>
		<div class="print-area">
			<a id="exportEXCEL" style="display:none" class="print-btn print-btn2">导出EXCEL</a>
		</div>
	</div>
	<!-- 左侧导航 -->

	<!-- 线路选择  -->
	<div class="line-select-container">
		<div class="inner-box" id="corpTree" >
            <ul class="ztree" id="corpTreeUl" style="display:none"></ul>
			<ul  class="ztree" id="lineChkBox"  style="display:none" ></ul>
            <ul class="ztree" id="carTreeUl"  > </ul>
		</div>

        <a class="confirm-btn" id="checkCurrentCarInfo">确定</a>
	</div>


	<!-- 线路选择  -->

	<!-- 质量指标 -->
	<div class="layout-right" id="qualityIndexDiv">
		<div class="report-tab-wrap mt20 clearfix">
			<h3>数据质量</h3>
			<ul class="report-tab">
				<li class="active" id="carDataQualityIndexPage">单车数据质量指标</li>
				<li id="lineDataQualityIndexPage">线路数据质量指标</li>
				<li id="corpDataQualityIndexPage">公司数据质量报告</li>
			</ul>
		</div>
		<div class="ml0 mr0 mt20">
			<div id="carDataQualityIndexDiv">
				<table id="carDataQualityIndexGrid" style="margin-right: 15px;"></table>
			</div>
			<div id="lineDataQualityIndexDiv" style="display: none">
				<table id="lineDataQualityIndexGrid" style="margin-right: 15px;"></table>
			</div>
			<div id="corpDataQualityIndexDiv" style="display: none">
				<table id="corpDataQualityIndexGrid" style="margin-right: 15px;"></table>
			</div>
		</div>
		<%--<div class="index2-content">--%>
			<%--<div class="index2-inner">--%>
				<%--<h3 class="daily-test-title">TY文件指标</h3>--%>
				<%--<div class="daily-test-bd ct-shadow" id="tyFilesIndexDiv">--%>

				<%--</div>--%>

				<%--<div class="mt20">--%>
					<%--<div class="bg-fff">--%>
						<%--<table id="tyFilesIndexGrid" style="margin-right: 15px;"></table>--%>
					<%--</div>--%>
				<%--</div>--%>

				<%--<h3 class="daily-test-title">日常检测指标</h3>--%>
                <%--<div class="daily-test-bd ct-shadow" id="dailyIndexDiv">--%>
                <%--</div>--%>

                <%--<div class="mt20">--%>
                    <%--<div class="bg-fff">--%>
                        <%--<table id="dailyIndexGrid" style="margin-right: 15px;"></table>--%>
                    <%--</div>--%>
                <%--</div>--%>
			<%--</div>--%>
		<%--</div>--%>
	</div>

	<!-- 质量分析汇总 -->
	<div class="layout-right bg-fff" style="display: none;" id="qualityAnlsSummaryDiv">
		<div class="index2-content">
			<div class="index2-inner">
				<div class="report-tab-wrap mt20 clearfix">
					<h3>每周数据分析报告</h3>
					<ul class="report-tab">
						<li class="active" id="tBsStatWeakBhvPage">行为统计</li>
						<li id="tBsStatWeakMftPage">故障统计</li>
						<li id="tBsStatWeakOnlinePage">在线率统计</li>
						<li id="tBsStatWeakMilePage">里程统计</li>
						<li id="tBsStatWeakEnerConsPage">能耗统计</li>
						<li id="tBsStatWeakStopPage">报站统计</li>
					</ul>
				</div>
				<div class="ml0 mr0 mt20">
					<div id="tBsStatWeakBhvDiv">
						<table id="tBsStatWeakBhvGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatWeakMftDiv" style="display: none">
						<table id="tBsStatWeakMftGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatWeakOnlineDiv" style="display: none">
						<table id="tBsStatWeakOnlineGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatWeakMileDiv" style="display: none">
						<table id="tBsStatWeakMileGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatWeakEnerConsDiv" style="display: none">
						<table id="tBsStatWeakEnerConsGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatWeakStopDiv" style="display: none">
						<table id="tBsStatWeakStopGrid" style="margin-right: 15px;"></table>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 质量分析明细 -->
	<div class="layout-right bg-fff" style="display: none;" id="qualityAnlsDetailDiv">
		<div class="index2-content">
			<div class="index2-inner">
				<div class="report-tab-wrap mt20 clearfix">
					<h3>每日数据分析报告</h3>
					<ul class="report-tab">
						<li class="active" id="tBsStatDayBhvPage">行为明细</li>
						<li id="tBsStatDayMftPage">故障明细</li>
						<li id="tBsStatDayOnlinePage">在线率明细</li>
						<li id="tBsStatDayMilePage">里程明细</li>
						<li id="tBsStatDayEnerConsPage">能耗明细</li>
						<li id="tBsStatDayStopPage">报站明细</li>
					</ul>

				</div>
				<div class="ml0 mr0 mt20">
					<div id="tBsStatDayBhvDiv">
						<table id="tBsStatDayBhvGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatDayMftDiv" style="display: none">
						<table id="tBsStatDayMftGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatDayOnlineDiv" style="display: none">
						<table id="tBsStatDayOnlineGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatDayMileDiv" style="display: none">
						<table id="tBsStatDayMileGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatDayEnerConsDiv" style="display: none">
						<table id="tBsStatDayEnerConsGrid" style="margin-right: 15px;"></table>
					</div>
					<div id="tBsStatDayStopDiv" style="display: none">
						<table id="tBsStatDayStopGrid" style="margin-right: 15px;"></table>
					</div>
				</div>
			</div>	
		</div>
	</div>

	<!-- 车辆问题分析 -->
	<div class="layout-right bg-fff"  id="carQuestionAnlsDiv" style="overflow:auto;">
	<div data-layout='{"region":"north"}' class="topBar">
	    <div id="top">
	    </div>
	</div>
       <!--  <div class="ml15 mt20">
             <table id="carQuestionAnlsGrid" style="margin-right: 15px;"></table>
        </div> -->

    <div class="statistics-chart clearfix" id="carProblem">
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item" style="height:273px">
					<div class="title-bar">统计信息</div>
					<div class="chart-inner" id="unBehPct" style="height: 200px">
						<table id="statisticalInfoGrid" style="margin-right: 15px;"></table>
					</div>
				</div>
			</div>
		</div>
		<div class="item-wrap">
			<div class="item-wrap-inner">
				<div class="item"  style="height:273px">
					<div class="title-bar">饼图</div>
					<table class="table-style6" width="100%" id="chart" style="height: 190px">
					</table>
				</div>
			</div>
		</div>
	</div>
	
	<div class="statistics-chart clearfix mt15">
		<div class="item-wrap item-wrap2">
			<div class="item-wrap-inner">
				<!-- <div class="item" style="height:450px" > -->
					<!-- <div class="title-bar" id="center" data-layout='{"region":"center","layout":true}'>报表</div> -->
					
             			<table id="carQuestionAnlsGrid" style="margin-right: 15px;"></table>
        			
				<!-- </div> -->
			</div>
		</div>
	</div>
	<div class="blank15"></div>

</div>
</body>
</html>
